<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!-- 
        16进制表示:
            二进制 0 1 逢2进1   计算机只认识2进制
            十进制 0 1 2 3 4 5 6 7 8 9  逢10进1
            八进制 0 1 2 3 4 5 6 7 逢8进1
            十六进制 0 1 2 3 4 5 6 7 8 9 a b c d e f  逢16进1
            ...

        颜色表示：
            1）英文单词   能表示所有的颜色吗？答：不能   在开发中，使用的也不多
            2）RGB    Red   Green  Blue    红绿蓝
                A）16进制表示
                    以#打头   #_ _  _ _  _ _
                    #000000  黑色
                    #ffffff  白色  简写成：#fff
                    #ff0000  红色
                    #00ff00  绿色
                    #123456  不知道
                    在真实开发中，网页是什么样颜色，并不是我们程序员说了算，是设计说了算
                    后面我们有专门的工具，去吸取颜色值，吸取下来的都是16进制

                    如果颜色每两位都相同，如：#112233  可以简写成#123

                B）rgb函数表示
                    取值范围就不是16进制。是0~255
                    rgb(0, 0, 0)  黑色 
                    rgb(255, 255, 255)  白色
                    rgb(255, 0, 0)  红色
                    rgb(255, 144, 166)  不知道

                    rgba()   a表示透明度
                        透明度的范围是0~1  
                        0表示完全透明   看不见了
                        1表示完全不透明    默认就是完全不透明
                        0.5表示半透明

                        在CSS或JS中，如果是0.xxx， 这个0可以不写
     -->
    <style>
        div{
            color: #123456;
            background-color: rgb(255, 144, 166)
        }
        p{
            color: #123456;
            /* background-color: rgba(255, 144, 166, 0.5) */
            background-color: rgba(255, 144, 166, .5)
        }
    </style>
</head>
<body>
    <div>我是一个孤独的DIV</div>
    <p>我是一个孤独的P</p>
</body>
</html>